<template>
  <div class="gird">
    <van-grid :column-num="5" channel.length :border="false">
      <van-grid-item
          v-for="item in channel"
          :key="item.id"
          :icon="item.icon_url"
          :text="item.name"
          @click="btn(item.id)"
      />
    </van-grid>
  </div>
</template>

<script>
export default {
  name: "gird",
  props: ["channel"],
  methods: {
    btn(id) {
      if (id == 1) {
        this.$router.push({path: '/meet', query: {id: id}})
      }
      if (id == 2) {
        this.$router.push({path: '/mapPosition', query: {id: id}})
      }
    }
  }
};
</script>

<style>
</style>
